<div id="addcustomersource" class="page-content">
    <div id="fl-statement">
        <div class="page-header"></div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <form class="form-horizontal">
                <div class="widget-box no-border">
                    <div class="widget-body">
                        <div class="widget-main" style="padding: 20px 40px;">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="col-sm-4 control-label no-padding-right orange" for="name">客户姓名</label>
                                        <div class="col-sm-7">
                                            <input type="text" class="col-xs-10 col-sm-7 v_required"  maxlength="32" id="name">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-4 control-label no-padding-right orange" for="gender">性别</label>
                                        <div class="col-sm-7">
                                            <input type="checkbox" id="gender" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="phone" class="col-sm-4 control-label no-padding-right orange">电话</label>
                                        <div class="col-sm-7">
                                            <input type="text" class="col-xs-10 col-sm-7 v_required v_phone"  maxlength="11" id="phone">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="purpose" class="col-sm-4 control-label no-padding-right">目的</label>
                                        <div class="col-sm-7">
                                            <input type="text" class="col-xs-10 col-sm-7" maxlength="32" id="purpose" placeholder="如:婚房">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="intention" class="col-sm-4 control-label no-padding-right orange">意向</label>
                                        <div class="col-sm-7">
                                            <input type="text" class="col-xs-10 col-sm-7 v_required" maxlength="32" id="intention" placeholder="如:铁西广场附近"/>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="price" class="col-sm-4 control-label no-padding-right orange">需求价格</label>
                                        <div class="col-sm-7">
                                            <input type="text" class="col-xs-10 col-sm-7 v_required v_price" maxlength="12" id="price"/>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="grade" class="col-sm-4 control-label no-padding-right">客户等级</label>
                                        <div class="col-sm-7">
                                            <select class='col-xs-10 col-sm-7' id='grade' ></select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="designerId" class="col-sm-4 control-label no-padding-right">设计师</label>
                                        <div class="col-sm-8">
                                            <select class="chosen-select col-md-7" id="designerId" data-placeholder="请输设计师" data-toggle="popover">
                                                <option value="">&nbsp;</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="villageNo" class="col-sm-4 control-label no-padding-right orange">楼盘名</label>
                                        <div class="col-sm-8">
                                            <select class="chosen-select col-md-5 v_required" id="villageNo" data-placeholder="请输入楼盘名" data-toggle="popover">
                                                <option value="">&nbsp;</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="houseNumber" class="col-sm-4 control-label no-padding-right orange">楼牌号</label>
                                        <div class="col-sm-7">
                                            <input type="text" class="col-xs-10 col-sm-7 v_required" id="houseNumber" maxlength="30">
                                            <div class="col-md-12" style="padding: 0px;" >
                                                <span id="rule" class="red"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-4 control-label no-padding-right orange" for="buildArea">建筑面积</label>
                                        <div class="col-sm-8">
                                            <input type="text" id="buildArea" maxlength="7" class="col-xs-10 col-sm-2 v_required v_float" />
                                            <span style = "margin-left: 10px; line-height: 34px">平</span>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="comment" class="col-sm-4 control-label no-padding-right">备注</label>
                                        <div class="col-sm-7">
                                            <textarea class="col-xs-10 col-sm-7" maxlength="64" id="comment" rows="4"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="no-border widget-toolbox padding-8 clearfix span7 text-center" style="margin-top: 20px;">
                                <button type="button" id="saveBtn" class="btn btn-primary">保存</button>
                                <button type="button" id="cancelBtn" class="btn btn-default" >重置</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>

<script type="text/javascript">
    $.loadScript(['js/customer/createCustomer.js','js/utils/houseUtils.js'])
</script>